<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>投资列表</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/investmentList.css">
    <link rel="stylesheet" href="/css/page.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/investment/investmentList"></script>
</head>
<body>
<#include "/include/header.ftl">
<div class="list_container">
    <ul class="navbar-ul">
        <li class="navbar-item active-navbarItem">散标专区</li>
        <#--<li class="navbar-item">债转专区</li>-->
    </ul>
    <#--<div class="nav-middle debt" hidden>-->
        <#--<div class="nav-middleDiv">-->
            <#--<div class="nav-middleLeft">剩余时间：</div>-->
            <#--<ul class="nav-middelUl">-->
                <#--<li class="nav-middleUlli active-middleUlli" data-days="0">全部</li>-->
                <#--<li class="nav-middleUlli" data-days="1">30-60天</li>-->
                <#--<li class="nav-middleUlli" data-days="2">60-90天</li>-->
                <#--<li class="nav-middleUlli" data-days="3">90-180天</li>-->
                <#--<li class="nav-middleUlli" data-days="4">180天以上</li>-->
            <#--</ul>-->
        <#--</div>-->

        <#--<div class="nav-middleDiv">-->
            <#--<div class="nav-middleLeft">年化利率：</div>-->
            <#--<ul class="nav-middelUl">-->
                <#--<li class="nav-middleUlli active-middleUlli" data-rate="0">全部</li>-->
                <#--<li class="nav-middleUlli" data-rate="1">7%-8%</li>-->
                <#--<li class="nav-middleUlli" data-rate="2">8%-10.88%</li>-->
                <#--<li class="nav-middleUlli" data-rate="3">10.88%-12.68%</li>-->
            <#--</ul>-->
        <#--</div>-->

        <#--<div class="nav-middleDiv">-->
            <#--<div class="nav-middleLeft">转让价格：</div>-->
            <#--<ul class="nav-middelUl">-->
                <#--<li class="nav-middleUlli active-middleUlli" data-amount ="0">全部</li>-->
                <#--<li class="nav-middleUlli" data-amount ="1">100-1万元</li>-->
                <#--<li class="nav-middleUlli" data-amount ="2">1万-10万元</li>-->
                <#--<li class="nav-middleUlli" data-amount ="3">10万-100万元</li>-->
            <#--</ul>-->
        <#--</div>-->

        <#--<div class="nav-middleDiv">-->
            <#--<div class="nav-middleLeft">还款方式：</div>-->
            <#--<ul class="nav-middelUl">-->
                <#--<li class="nav-middleUlli active-middleUlli" data-itemRepayMethod ="0">全部</li>-->
                <#--<li class="nav-middleUlli" data-itemRepayMethod ="1">一次性还款</li>-->
                <#--<li class="nav-middleUlli" data-itemRepayMethod ="3">先息后本</li>-->
            <#--</ul>-->
        <#--</div>-->
    <#--</div>-->
    <#--这个是散标专区的-->
    <div class="nav-middle standard_powder">
        <div class="nav-middleDiv">
            <div class="nav-middleLeft">标的类型：</div>
            <ul class="nav-middelUl">
                <li class="nav-middleUlli active-middleUlli" data-itemType="0">全部</li>
                <li class="nav-middleUlli" data-itemType="1">懿信贷</li>
                <li class="nav-middleUlli" data-itemType="2">懿房贷</li>
                <li class="nav-middleUlli" data-itemType="3">懿车贷</li>
            </ul>
        </div>

        <div class="nav-middleDiv">
            <div class="nav-middleLeft">投资期限：</div>
            <ul class="nav-middelUl">
                <li class="nav-middleUlli active-middleUlli" data-itemCycle="0">全部</li>
                <li class="nav-middleUlli" data-itemCycle="1">30-60天</li>
                <li class="nav-middleUlli" data-itemCycle="2">60-90天</li>
                <li class="nav-middleUlli" data-itemCycle="3">90-180天</li>
                <li class="nav-middleUlli" data-itemCycle="4">180天以上</li>
            </ul>
        </div>

        <div class="nav-middleDiv">
            <div class="nav-middleLeft">年化利率：</div>
            <ul class="nav-middelUl">
                <li class="nav-middleUlli active-middleUlli" data-itemRate="0">全部</li>
                <li class="nav-middleUlli" data-itemRate="1">7%-8%</li>
                <li class="nav-middleUlli" data-itemRate="2">8%-10.88%</li>
                <li class="nav-middleUlli" data-itemRate="3">10.88%-12.68%</li>
            </ul>
        </div>

        <div class="nav-middleDiv">
            <div class="nav-middleLeft">还款方式：</div>
            <ul class="nav-middelUl">
                <li class="nav-middleUlli active-middleUlli" data-itemRepayMethod="0">全部</li>
                <li class="nav-middleUlli" data-itemRepayMethod="1">一次性还款</li>
                <li class="nav-middleUlli" data-itemRepayMethod="2">等额本息</li>
                <li class="nav-middleUlli" data-itemRepayMethod="3">每月付息</li>
            </ul>
        </div>
    </div>
<div class="table-left">
    <table class="list_table">
        <#--<thead>
            <tr class="table_header">
                <th style='width:196px;' id='itemRate' class="order_item ketou" data-name="item.item_rate">预期年化收益<!--<span class="order"></span>&ndash;&gt;</th>
                <th id='itemCycle' class='order_item ketou' data-name="item.item_cycle">期限<!--<span class="order"></span>&ndash;&gt;</th>
                <th  class="lishi" style="display: none" >预期年化收益</th>
                <th  class='lishi' style="display: none" >期限</th>
                <th>
                    <span class="lishi" style="display: none">产品</span>
                    <select id="itemType" class="ketou">
                        <option value="">产品</option>
                        <option value="2">车商宝</option>
                        <option value="5">车信宝</option>
                        <option value="3">车贷宝</option>
                        <option value="1">学车宝</option>
                    </select>
                </th>
                <th>信用等级</th>
                <th>担保机构</th>
                <th>投资进度</th>
                <th>操作</th>
            </tr>
        </thead>-->
    <tbody id="pcItemList">
    </tbody>
        <script id="pcItemListTemp" type="text/x-handlebars-template">
            {{#each this}}
          <tr>
              <td class="pcItemListTemp-firstTd" style="width: 30%;">
                  <p class="pcItemList-head" style="text-align: left">
                      {{#if itemStatus}}
                      <a href="/item/details/{{id}}?{{id}}"  class="pcItemList-title">{{itemName}}</a>
                      {{else}}
                      <a href="/debt/getDebtDetail/{{id}}?{{id}}"  class="pcItemList-title">{{name}}</a>
                      {{/if}}
                      {{#compare itemIsnew '=='1}}
                      <span class="color1" style="font-size:14px">新手</span>
                      {{/compare}}
                      {{#compare itemIsnew '=='0}}
                      {{#compare moveVip '=='0}}
                      {{#compare itemIsrecommend '=='1}}
                      <span class="color" style="font-size:14px">热门</span>
                      {{/compare}}
                      {{/compare}}
                      {{/compare}}
                  </p>
                  <p style="text-align: left;">
                      {{#if itemStatus}}
                      <span class="pcItemListTempTransfer">起投金额</span><span
                          class="pcItemListTemp-money" style="font-size:24px">
                      {{itemSingleMinInvestment}}
                       </span>元</p>
                      {{else}}
                  <span class="pcItemListTempTransfer">转让金额</span><span
                      class="pcItemListTemp-money" style="font-size:24px">
                      {{amount}}
                       </span>元</p>
                      {{/if}}

              </td>
              <td >预期年化收益<span class="pcItemList-get">{{itemRate}}</span>
                  <span style="color:RGB(255,80,80); font-size:14px">%</span>
                  {{#compare itemAddRate '!='0}}
                  <span style="color:RGB(255,80,80);font-size:16px">+</span>
                  <span class="pcItemList-get">{{itemAddRate}}</span>
                  <span style="color:RGB(255,80,80); font-size:14px">%</span>
                  {{/compare}}
              </td>
              <td><span class='term'>
                  {{#if itemStatus}}
                  投资期限
                  {{else}}
                  剩余期限
                  {{/if}}
              </span> <span class="pcItemList-day">
                {{#if itemStatus}}
                  {{itemCycle}}
                  {{else}}
                   {{restPeriods}}
                   {{/if}}
              </span><span style="color:RGB(255,80,80);
              font-size:
              14px">天</span></td>
              <td style="padding-top:0px;font-size: 16px">
                  {{#if itemStatus}}
                      <p class="readmoney">
                          可投金额{{laveAmount}}元
                      </p>
                      {{#compare itemStatus '==' 1}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <strong class="time countdown" data-time="{{countdown}}">
                              <time class="hour">--</time>&nbsp;:
                              <time class="min">--</time>&nbsp;:
                              <time class="sec">--</time>
                          </strong>
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '==' 10}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: RGB(44,151,244);color: #fff" value="立即投资" >
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '==' 13}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: RGB(44,151,244);color: #fff" value="立即投资" >
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '==' 18}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: #c9c9c9;color: #fff" value="已满标" >
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '==' 20}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: #c9c9c9;color: #fff" value="已抢完" >
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '==' 30}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: #c9c9c9;color: #fff" value="还款中" >
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '==' 31}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: #c9c9c9;color: #fff" value="还款中" >
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '==' 32}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: #c9c9c9;color: #fff" value="已还款" >
                      </a>
                      {{/compare}}
                      {{#compare itemStatus '=='23}}
                      <a href="/item/details/{{id}}?{{id}}">
                          <input type="button" name="submit" class="pcItemList-head button" style="background: #c9c9c9;color: #fff" value="已满标" >
                      </a>
                      {{/compare}}
                  {{else}}
                  <!--债转---->
                  <p class="readmoney">
                  </p>
                  {{#compare status '=='0}}
                  <a href="/debt/getDebtDetail/{{id}}?{{id}}">
                      <input type="button" name="submit" class="pcItemList-head button" style="background: RGB(44,151,244);color: #fff" value="立即投资" >
                  </a>
                  {{/compare}}
                  {{#compare status '=='1}}
                  <a href="/debt/getDebtDetail/{{id}}?{{id}}">
                      <input type="button" name="submit" style="background: #c9c9c9;color: #fff" class="pcItemList-head button" value="已债转" >
                  </a>
                  {{/compare}}
                  {{#compare status '=='2}}
                  <a href="/debt/getDebtDetail/{{id}}?{{id}}">
                      <input type="button" name="submit" style="background: #c9c9c9;color: #fff" class="pcItemList-head button" value="已过期" >
                  </a>
                  {{/compare}}
                  {{/if}}
              </td>
          </tr>
            {{/each}}
        </script>

    </table>
    <div class="pages">
        <nav>
            <ul id="pages" style="margin:75px auto 110px;">

            </ul>
        </nav>
    </div>
</div>
<div class="table-right">
    <div class="table-right-top">
        <span class="h3">常见问题</span><span class="more"><a style="color: #000" href="/problem?0?5">更多></a></span>
        <div class="hr"></div>
       <ul class="table-right-ul">

       </ul>
    </div>
    <div class="table-right-bottom">
       <img src="../../../../img/moneyRun.png" alt="暂无图片">
    </div>
</div>
    <div style="clear: both"></div>
</div>

<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>